import React from "react";
import { Inspector } from "react-dev-inspector";
import { WaterMark } from "@ant-design/pro-layout";

const InspectorWrapper =
	process.env.NODE_ENV === "development" ? Inspector : React.Fragment;

const Layout: React.FC = ({ children }) => {
	return (
		<WaterMark content="可见环保" gapX={200} gapY={100} zIndex={999}>
			<InspectorWrapper>{children}</InspectorWrapper>
		</WaterMark>
	);
};

export default Layout;
